<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@include file="common/common.jspf"%>
<link rel="stylesheet"
	href="${ctx}/resources/fonts/gkicons/iconfont.css">
	<script src="${ctx}/resources/js/bootstrap/bootstrap.min.js"
		type="text/javascript"></script>
	<script type="text/javascript">
		$(function() {
			webside.index.initNavigation();
			//webside.index.initScrollBar();
			webside.index.menu.initDropdownMenuStyle();
			webside.index.menu.initMenuEvent();
			var test = $('div.sidebar a').attr('nav-menu');
			var test1 = test.split(',');
			var url = test1[1];
			var name = test1[0];
			if (name == '首页') {
				name = "财务与风控概况";
			}
			webside.index.initHomePage(url, name);
			var body_sH = ace.helper.winHeight();

			body_sH = body_sH + "px";
			// alert(body_sH);
			$(".page-content").css("height", body_sH);

			var o = document.getElementById('sidebar');
			var x = document.getElementById('navbar');
			var w = o.offsetHeight;
			var oh = x.offsetHeight;
			var aahight = $(window).height();
			o.style.height = (aahight - oh) + 'px';
			$("#sidebar").mouseenter(function() {
				document.getElementById("sidebar").style.overflowY = "auto";
			});
			$("#sidebar").mouseleave(function() {
				document.getElementById("sidebar").style.overflowY = "hidden";
			});

		});
	</script>
	<script src="${ctx}/resources/js/echarts3/fulljs/echarts-all.js"></script>
	<style type="">
/*滚动条样式*/
.innerbox::-webkit-scrollbar { /*滚动条整体样式*/
	width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}

.innerbox::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2);
}

.innerbox::-webkit-scrollbar-track { /*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.1);
}

.no-skin .sidebar {
	background-color: #fff;
	border-color: #cccccc;
	border-style: solid;
	border-width: 0;
}

.sidebar {
	float: left;
	padding-left: 0;
	padding-right: 0;
	position: static;
	width: 180px;
}
/*echarts 标题样式*/
.echarts-title {
	padding-top: 10px;
	font-size: 20px;
	color: #333;
}
/*同比环比字体*/
.TB-HB-font {
	margin: 10px 0;
	font-size: 16px;
	color: #666666;
}
/*同比环比增长向上箭头*/
.TB-HB-font-size-up {
	font-size: 12px;
	color: #fe4242;
}

.TB-HB-font-size-down {
	font-size: 12px;
	color: #0ad139;
}

/*同比环比增长 中 字体和颜色*/
.TB-HB-font-up {
	color: #fe4242;
	font-size: 16px;
}
/*同比环比下降 中 字体和颜色*/
.TB-HB-font-down {
	color: #0ad139;
	font-size: 16px;
}
/*当无数据 显示 -- 的属性*/
.WSJ-color {
	color: #666666;
}
/*同比环比上 金钱字体颜色*/
.money-size-color {
	font-size: 22px;
	color: #f81111;
}
/*4只图div样式*/
.div-title-left {
	margin-left: -12px;
	height: 370px;
}

.div-title-right {
	margin-right: -12px;
	height: 370px;
}

/*echarts 标题样式*/
.echarts-title {
	padding-top: 10px;
	font-size: 20px;
	color: #333;
}

.sidebar+.main-content {
	margin-left: 180px;
}

.sidebar .sidebar-toggle {
	border-width: 0;
}

.nav-list {
	margin-top: 10px;
}

.nav-list>li {
	border-width: 0;
}

.nav-list>li:last-child {
	border-bottom-width: 0;
}

.no-skin .nav-list>li>a {
	background-color: #fff;
}

.no-skin .nav-list>li.active>a, .no-skin .nav-list>li.active>a:hover,
	.no-skin .nav-list>li.active>a:focus {
	background-color: #f3f4f5;
}

.no-skin .sidebar-toggle {
	background-color: #fff;
	border-color: #e0e0e0;
}

.page-content {
	padding: 0px 0px 0px;
}

.navbar {
	background: #68a8f1 none repeat scroll 0 0;
}

.ace-nav>li.light-blue>a {
	background-color: #68a8f1;
}

.ace-nav>li.light-blue>a:hover, .ace-nav>li.light-blue>a:focus, .ace-nav>li.open.light-blue>a
	{
	background-color: #5e95d5;
}

.btn-primary, .btn-primary:focus {
	background-color: #68a8f1 !important;
	border-color: #68a8f1;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus:active,
	.btn-primary:focus:hover, .open>.btn-primary.dropdown-toggle {
	background-color: #5e95d5 !important;
	border-color: #5e95d5;
}

.btn-primary.no-border:hover, .btn-primary.no-border:active {
	border-color: #1b6aaa;
}

.btn-primary.no-hover:hover, .btn-primary.no-hover:active {
	background-color: #428bca !important;
}

.btn-primary.active {
	background-color: #2f7bba !important;
	border-color: #27689d;
}

.btn-primary.no-border.active {
	background-color: #2b72ae !important;
	border-color: #2b72ae;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary,
	.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active,
	.btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active
	{
	background-color: #428bca !important;
	border-color: #428bca;
}
</style>
</head>

<body class="no-skin" style="overflow: hidden">
	<!-- #section:basics/navbar.layout -->
	<div id="navbar" class="navbar navbar-default navbar-fixed-top ">
		<script type="text/javascript">
			try {
				ace.settings.check('navbar', 'fixed')
			} catch (e) {
			}
		</script>

		<div class="navbar-container" id="navbar-container">
			<!-- #section:basics/sidebar.mobile.toggle -->
			<button type="button" class="navbar-toggle menu-toggler pull-left"
				id="menu-toggler" data-target="#sidebar">
				<span class="sr-only"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
			</button>

			<!-- /section:basics/sidebar.mobile.toggle -->
			<div class="navbar-header pull-left">
				<!-- #section:basics/navbar.layout.brand -->
				<a href="#" class="navbar-brand"> <small> <img
						src="${ctx }/resources/images/cdns_index.png" height="25px" />
				</small>
				</a>

				<!-- /section:basics/navbar.layout.brand -->

				<!-- #section:basics/navbar.toggle -->

				<!-- /section:basics/navbar.toggle -->
			</div>

			<!-- #section:basics/navbar.dropdown -->
			<div class="navbar-buttons navbar-header pull-right"
				role="navigation">
				<ul class="nav ace-nav">

					<!-- #section:basics/navbar.user_menu -->
					<li class="light-blue"><a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <img class="nav-user-photo"
							src="${ctx}/resources/images/user.png" alt="" /> <span
							class="user-info"> <small>欢迎</small> ${userEntity.userName }
						</span> <i class="ace-icon fa fa-caret-down"></i>
					</a>
						<ul
							class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
							<li><a href="javascript:void(0)"
								nav-menu="修改密码,/user/passwordUI.html?id=${userEntity.id }&accountName=${userEntity.accountName}&userName=${userEntity.userName}">
									<i class="ace-icon fa fa-cog"></i> 修改密码
							</a></li>
							<li><a href="javascript:void(0)"
								nav-menu="个人资料,/user/infoUI.html?id=${userEntity.id }"> <i
									class="ace-icon fa fa-user"></i> 个人资料
							</a></li>
							<li class="divider"></li>
							<li><a href="${ctx}/logout.html"> <i
									class="ace-icon fa fa-power-off"></i> 退出
							</a></li>
						</ul></li>

					<!-- /section:basics/navbar.user_menu -->
				</ul>
			</div>

			<!-- /section:basics/navbar.dropdown -->
		</div>
		<!-- /.navbar-container -->
	</div>

	<!-- /section:basics/navbar.layout -->
	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed')
			} catch (e) {
			}
		</script>

		<!-- #section:basics/sidebar -->
		<div id="sidebar" class="innerbox sidebar responsive"
			style="overflow-y: hidden; overflow-x: hidden">
			<script type="text/javascript">
				try {
					ace.settings.check('sidebar', 'fixed')
				} catch (e) {
				}

				/* var o=document.getElementById('sidebar');//获得元素

				var w=o.offsetHeight;//获得原始高度
				alert(w);
				o.style.height=w+'px';//设置高度 */
			</script>
			<!-- /.sidebar-shortcuts -->
			<ul class="nav nav-list ">
				<!-- 最多支持四级菜单 -->
				<c:forEach var="resource" items="${list}" varStatus="s">
					<!-- 一级 -->
					<li level="level1" class=""><a href="javascript:void(0)"
						<c:if test="${fn:length(resource.sourceUrl) gt 0 }"> nav-menu="${resource.name },${resource.sourceUrl }"</c:if>
						<c:if test="${fn:length(resource.children) gt 0 }"> class="dropdown-toggle"</c:if>>
							<i class="menu-icon fa ${resource.icon }"></i> <!--<i class="icon iconfont icon-rongzi"></i> -->
							<span class="menu-text">${resource.name } </span> <b
							class="arrow<c:if test="${fn:length(resource.children) gt 0 }"> fa fa-angle-down</c:if>"></b>
					</a> <b class="arrow"></b> <c:if
							test="${fn:length(resource.children) gt 0 }">
							<ul class="submenu">
								<!-- 二级 -->
								<c:forEach var="firstChildrens" items="${resource.children}"
									varStatus="idx1">
									<li level="level2" class=""><a href="javascript:void(0)"
										<c:if test="${fn:length(firstChildrens.sourceUrl) gt 0 }">nav-menu="${resource.name },${firstChildrens.name },${firstChildrens.sourceUrl }"</c:if>
										<c:if test="${fn:length(firstChildrens.children) gt 0 }"> class="dropdown-toggle"</c:if>>
											<i class="menu-icon fa fa-caret-right"></i>
											${firstChildrens.name } <c:if
												test="${fn:length(firstChildrens.children) gt 0 }">
												<b class="arrow  fa fa-angle-down"></b>
											</c:if>
									</a> <b class="arrow"></b> <c:if
											test="${fn:length(firstChildrens.children) gt 0 }">
											<ul class="submenu">
												<!-- 三级 -->
												<c:forEach var="secondChildrens"
													items="${firstChildrens.children}" varStatus="idx2">
													<li level="level3" class=""><a
														href="javascript:void(0)"
														<c:if test="${fn:length(secondChildrens.sourceUrl) gt 0 }">nav-menu="${resource.name },${firstChildrens.name },${secondChildrens.name },${secondChildrens.sourceUrl }"</c:if>
														<c:if test="${fn:length(secondChildrens.children) gt 0 }"> class="dropdown-toggle"</c:if>>
															<i
															class="menu-icon <c:if test="${fn:length(secondChildrens.icon) gt 0 }">${secondChildrens.icon } green</c:if><c:if test="${fn:length(secondChildrens.icon) le 0 }">fa fa-caret-right</c:if>"></i>
															${secondChildrens.name } <c:if
																test="${fn:length(secondChildrens.children) gt 0 }">
																<b class="arrow  fa fa-angle-down"></b>
															</c:if>
													</a> <b class="arrow"></b> <c:if
															test="${fn:length(secondChildrens.children) gt 0 }">
															<ul class="submenu">
																<!-- 四级 -->
																<c:forEach var="thridChildrens"
																	items="${secondChildrens.children}" varStatus="idx3">
																	<li level="level4" class=""><a
																		href="javascript:void(0)"
																		<c:if test="${fn:length(thridChildrens.sourceUrl) gt 0 }">nav-menu="${resource.name },${firstChildrens.name },${secondChildrens.name },${thridChildrens.name },${thridChildrens.sourceUrl }"</c:if>
																		<c:if test="${fn:length(thridChildrens.children) gt 0 }"> class="dropdown-toggle"</c:if>>
																			<i
																			class="menu-icon <c:if test="${fn:length(thridChildrens.icon) gt 0 }">${thridChildrens.icon } orange</c:if><c:if test="${fn:length(thridChildrens.icon) le 0 }">fa fa-caret-right</c:if>"></i>
																			${thridChildrens.name }
																	</a> <b class="arrow"></b></li>
																</c:forEach>
															</ul>
														</c:if></li>
												</c:forEach>
											</ul>
										</c:if></li>
								</c:forEach>
							</ul>
						</c:if></li>
				</c:forEach>

			</ul>
			<!-- /.nav-list -->

			<!-- #section:basics/sidebar.layout.minimize -->
			<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
				<i class="ace-icon fa fa-angle-double-left"
					data-icon1="ace-icon fa fa-angle-double-left"
					data-icon2="ace-icon fa fa-angle-double-right"></i>
			</div>

			<!-- /section:basics/sidebar.layout.minimize -->
			<script type="text/javascript">
				try {

					ace.settings.check('sidebar', 'collapsed')
				} catch (e) {
				}
			</script>
		</div>

		<!-- /section:basics/sidebar -->
		<div class="main-content">
			<div class="main-content-inner">
				<%-- <div id="logo"
					style="height: 5%; width: 100%; position: relative; border: 0px solid #ccc; background: url(${ctx}/resources/images/logo_01.png) no-repeat 50% 0;">
					<div id="logo_div"
						style="width: 100%; text-align: center; vertical-align: middle;">
						<img src="${ctx}/resources/images/logo-.png" alt="logo"
							style="height: 40px; width: 200px; vertical-align: middle;" />&nbsp;<span
							style="color: #ffffff; text-align: center; font-family: FangSong; font-size: 20px; font-weight: bold;">电子银行业务展示</span>
					</div>
				</div> --%>
				<!-- #section:basics/content.breadcrumbs -->
				<!-- <div style="background-color:#f1f1f1">
					<div class="breadcrumbs" id="breadcrumbs" style="margin-left:10px;background-color:#fff;">
						<script type="text/javascript">
							try {
								ace.settings.check('breadcrumbs', 'fixed')
							} catch (e) {
							}
						</script>
	
						<ul class="breadcrumb">
	
						</ul>
						/.breadcrumb
	
						#section:basics/content.searchbox
						
						/.nav-search
	
						/section:basics/content.searchbox
					</div>
				</div> -->
				<!-- #section:settings.box -->

				<!-- /.ace-settings-container -->

				<!-- /section:settings.box -->

				<!-- /section:basics/content.breadcrumbs -->
				<div class="page-content innerbox"
					style="overflow: hidden; overflow-y: auto; "></div>
				<!-- /.page-content -->
			</div>
		</div>
		<!-- /.main-content -->


		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="ace-icon fa fa-angle-double-up icon-only fa-2x"></i>
		</a>
	</div>
	<!-- /.main-container -->

	<!-- ace scripts -->
	<script type="text/javascript" src="${ctx}/resources/js/ace/ace.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/js/ace/ace-extra.min.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/js/ace/ace.sidebar.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/js/ace/ace.sidebar-scroll-1.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/js/ace/ace.widget-box.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/js/ace/ace.settings.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/js/ace/ace.settings-skin.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/js/ace/elements.scroller.js"></script>

	<!-- sweetalert script and css -->
	<link rel="stylesheet"
		href="${ctx}/resources/css/sweetalert/sweetalert.css"></link>
	<script type="text/javascript"
		src="${ctx}/resources/js/sweetalert/sweetalert.min.js"></script>

	<!-- 文件上传 -->
	<script type="text/javascript"
		src="${ctx}/resources/js/ajaxfileupload/ajaxfileupload.js">
	<!--
		
	//-->
	</script>
</body>
</html>
